<ion-header>

  <ion-toolbar>
    <ion-title>Card Images</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content class="outer-content">

  <ion-card>
    <div>
      <img src="">
    </div>
    <ion-card-content>
      <h4>H4 text inside ion-card-content</h4>
      <p>Paragraph text inside ion-card-content.</p>
    </ion-card-content>
  </ion-card>


  <ion-card>

    <ion-item>
      <ion-avatar item-start>
        <img src="">
      </ion-avatar>
      <h2>Card with large avatar</h2>
      <h3>h3 text</h3>
      <p>Isn't it beautiful.</p>
    </ion-item>

    <img src="">

  </ion-card>

</ion-content>


<style>
  ion-avatar img {
    width: 80px;
    height: 80px;
  }

  img {
    height: 100px;
  }
</style>
